import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
import { OptionItem } from '@iux/live';

@Component({
  selector: 'app-simple',
  templateUrl: './simple.component.html',
  styles: [
    `
      ::ng-deep .customize-panel {
        width: 200px;
      }
    `,
  ],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class SimpleComponent implements OnInit {
  data: OptionItem[] = [
    { label: 'Option 1', value: 'option1', isLeaf: true },
    { label: 'Option 2 long text long text', value: 'option2', isLeaf: true },
    { label: 'Option 3', value: 'option3', isLeaf: true },
  ];

  selected: string;

  constructor() {}

  ngOnInit(): void {
    this.selected = 'option1';
  }
}
